<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:replace="~{common/dialogCss :: dialogCss}"></head>
<body class="dialog">
	<div class="content">
		<div class="row">
			<div class="col-sm-12">
				<div class="portlet-body form">
					<form class="form-horizontal" id="role_add_form">
						<div class="form-body">
							<div class="form-group">
								<label class="col-sm-2 control-label">角色名称:</label>
								<div class="col-sm-8">
									<input type="text" name="name" class="form-control input-sm col-sm-8" placeholder="角色名称" value=""></input>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">描述:</label>
								<div class="col-sm-8">
									<input type="text" name="desc" class="form-control input-sm col-sm-8" placeholder="描述" value=""></input>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 col-xs-12 control-label">状态:</label>
								<div class="col-sm-8">
										<label class="radio-inline"><input checked="checked" name="status" type="radio" value="1"/>启用</label>
										<label class="radio-inline"><input name="status" type="radio" value="0"/>禁用</label>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">排序:</label>
								<div class="col-sm-8">
									<input type="text" name="sort" class="form-control input-sm col-sm-8" placeholder="排序" value=""></input>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">分配权限:</label>
								<div class="col-sm-8">
									<div id="role_tree" style="padding:10px;margin-top:10px;border: 1px solid #c2cad8;min-height:120px;"></div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<div th:replace="~{common/dialogJs :: dialogJs}">...</div>
	<script type="text/javascript">
		require(["./static/pages/scripts/system/role"], function(role){
			role.initAddDialog();
		});
	</script>
</body>
</html>